// 自动获取焦点方法
export const focus =  function  (el) {
  // 指令在van-search组件身上, 获取的是组件根标签div, 而input在标签内
  // el代表指令所在标签
  // 指令所在标签, 被插入到真实DOM时才触发, 如果标签用display:none隐藏再出现, 不会在触发inserted的
  // 知识点: 原生DOM.nodeName 拿到标签名字 (注意: 大写的字符串)
  if (el.nodeName === "INPUT" || el.nodeName === "TEXTAREA") {
    el.focus();
  } else {
    // el本身不是输入框, 尝试往里获取一下
    setTimeout(() => {
      const theInput = el.querySelector("input");
      const theTextArea = el.querySelector("textarea");
      // 判断: 不一定能获取得到, 需要加判断, 有值了, 再执行.focus()才不报错
      if (theInput) theInput.focus();
      if (theTextArea) theTextArea.focus();
    });
  }
}